<script setup lang="ts">
import { RouterView } from 'vue-router'
import MainNav from '@/components/MainNav.vue'
import BottomJump from '@/components/BottomJump.vue'
</script>

<template>
    <MainNav />
    <div class="main-content-container">
        <RouterView />
    </div>
    <BottomJump />
</template>

<style>
.main-content-container {
    height: calc(100% - 6rem - 50px);
    overflow-y: scroll;
    overflow-x: auto;
    padding: 20px;
    border: solid 1px #e6e6e6;

    &::-webkit-scrollbar {
        width: 0;
    }
}
</style>
